<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="../../lib/jQuery-3.6.min.js"></script>
    <script src="../../js/frontEnd/index.js"></script>
    <link rel="stylesheet" href="../../css/frontEnd/index.css" />
    <link rel="icon" href="#" />
    <link rel="stylesheet" href="#" >
    <title>第一银行</title>
</head>

<body>
    <section>
        <!-- 顶部导航栏 -->
        <header>
            <div class="left">
                <span id="person">个人客户</span>
                <span id="enterprice" onclick="window.location.href='../../html/frontEnd/enterPrise.html'">企业客户</span>
            </div>
            <span>本网站支持IPv6</span>
            <nav>
                <span>无障碍浏览</span>
                <span>|</span>
                <span>全球主站</span>
                <span>|</span>
                <span onclick="window.location.href='../../html/frontEnd/esg.html' ">工行ESG</span>
                <span>|</span>
                <span>服务价目表</span>
                <span>|</span>
                <span onclick="window.location.href='../../html/frontEnd/complaints.html' ">投资与咨询</span>
                <span>|</span>
                <span>繁体/EN</span>
            </nav>
        </header>
        <!-- 搜索 -->
        <section class="search">
            <div class="left">
                <img src="../../images/frontEnd/home_img/icbo.png" alt="">
            </div>
            <div class="right">
                <input type="search" placeholder="  请输入关键字">
                <div>
                    <img src="../../images/frontEnd/home_img/search.png" alt="">
                </div>
            </div>
        </section>
        <!-- 导航 -->
        <section class="two_nav">
            <span></span>
            <span class="acount">
                账户服务
                <div>
                    <div class="title">
                        <span>业务办理</span>
                        <span>指南·推荐</span>
                    </div>
                    <div class="buttom">
                        <div class="left">
                            <ul>
                                <li>
                                    <div class="box"></div>
                                    银行卡
                                </li>
                                <li>
                                    <div class="box"></div>
                                    银行卡
                                </li>
                                <li>
                                    <div class="box"></div>
                                    银行卡
                                </li>
                                <li>
                                    <div class="box"></div>
                                    银行卡
                                </li>
                                <li>
                                    <div class="box"></div>
                                    银行卡
                                </li>
                            </ul>
                            <ul>
                                <li>银行卡</li>
                                <li>银行卡</li>
                                <li>银行卡</li>
                                <li>银行卡</li>
                                <li>银行卡</li>
                            </ul>
                            <ul>
                                <li>银行卡</li>
                                <li>银行卡</li>
                                <li>银行卡</li>
                                <li>银行卡</li>
                                <li>银行卡</li>
                            </ul>
                        </div>
                        <div class="right">
                            <ul>
                                <li>银行卡</li>
                                <li>银行卡</li>
                                <li>银行卡</li>
                                <li>银行卡</li>
                                <li>银行卡</li>
                            </ul>
                            <ul>
                                <li>银行卡</li>
                                <li>银行卡</li>
                                <li>银行卡</li>
                                <li>银行卡</li>
                                <li>理财金账户</li>
                            </ul>
                            <img src="../../images/frontEnd/second/1.jpg" alt="">
                        </div>
                    </div>
                    <div class="foot"></div>
                </div>
            </span>
            <span></span>
            <span>存款与贷款</span>
            <span></span>
            <span>信用卡</span>
            <span></span>
            <span>外汇业务</span>
            <span></span>
            <span>投资理财</span>
            <span></span>
            <span>私人银行</span>
            <span></span>
            <span>金融市场</span>
            <span></span>
        </section>
        <!-- 轮播图 -->
        <section class="banner">
            <ul class="banner_img"></ul>
            <div class="banner_small">
                <div class="active"></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
            </div>
            <!-- 登陆区域 -->
            <div class="login">
                <div class="login_bg"></div>
                <div class="person">
                    <div class="title">
                        <div><img src="../../images/frontEnd/home_img/person.png" alt=""></div>
                        <span onclick="window.location.href = '../../html/frontEnd/login.html'">个人网上银行登录&nbsp;></span>
                    </div>
                    <div class="text">
                        <div>
                            <p onclick="window.location.href='../../html/frontEnd/enroll.html'">注册</p>
                            <p>客户端下载</p>
                        </div>
                        <div>
                            <p>业务指南</p>
                            <p>安全专区</p>
                        </div>
                        <div>
                            <p>网银助手</p>
                            <p>防范假网站</p>
                        </div>
                    </div>
                </div>
                <div class="enterprice">
                    <div class="title">
                        <div><img src="../../images/frontEnd/home_img/enterprice.png" alt=""></div>
                        <span>企业网上银行登录&nbsp;></span>
                    </div>
                    <div class="text">
                        <div>
                            <p>注册</p>
                        </div>
                        <div>
                            <p>业务指南</p>
                        </div>
                        <div>
                            <p>网银助手</p>
                        </div>
                    </div>
                </div>
                <div class="ecommerce">
                    <div class="title">
                        <div><img src="../../images/frontEnd/home_img/shopping_car.png" alt=""></div>
                        <span>融e购电商平台&nbsp;></span>
                    </div>
                    <div class="text">
                        <div>
                            <p>个人商城</p>
                        </div>
                        <div>
                            <p>企业商城</p>
                        </div>
                        <div>
                            <p>扶贫馆</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- 重要公告 -->
        <section class="proclamation">
            <div class="notice">
                <img src="../../images/frontEnd/home_img/loudspeaker.png" alt="">
                <span>重要公告: </span>
                <div class="notice_main">
                    <ul></ul>
                </div>
            </div>
            <div class="notice_more">
                <span>更多公告</span>
                <img src="../../images/frontEnd/home_img/apostrophe.png" alt="">
            </div>
        </section>
        <!-- 快速入口 快捷功能区 -->
        <section class="shortCut_area">
            <ul class="serve_box"></ul>
        </section>
        <!-- 智服务 -->
        <section class="intelligence_service">
            <div class="title">
                <img src="../../images/frontEnd/home_img/Intelligence_service.png" alt="">
            </div>
            <!-- 投资理财 -->
            <section class="investment">
                <div class="head">
                    <div class="box"></div>
                    <span>投资理财</span>
                </div>
                <div class="line"></div>
                <ul class="title">
                    <li>理财</li>
                    <li>贵金属</li>
                    <li>基金</li>
                    <li>外汇</li>
                    <li>保险</li>
                </ul>
                <div class="body">
                    <div class="text">
                        <div class="information">
                            <div class="before">
                                <img src="../../images/frontEnd/home_img/announce.png" alt="">
                                <span>关于调整理财产品销售文件的通知</span>
                            </div>
                            <div class="more">
                                <span>更多</span>
                                <img src="../../images/frontEnd/home_img/more.png" alt="">
                            </div>
                        </div>
                        <div class="content">
                            <div class="left">
                                <div class="before">
                                    <img src="../../images/frontEnd/home_img/diamond.png" alt="">&nbsp;
                                    <span>精选理财</span>
                                </div>
                                <div class="details">
                                    <span>工银理财·添利宝鑫享</span>
                                    <p>七日年化收益率</p>
                                    <span class="one">2.7916%</span>
                                    <p>数据日期（2021-12-01）</p>
                                    <div class="two">
                                        投资期限
                                        <span>无固定期限</span>
                                        起购金额<br>
                                        <span>1</span>
                                        元，单户最高持仓
                                        <span>2万</span>
                                        元
                                    </div>
                                    <div class="three">
                                        立即抢购
                                    </div>
                                </div>
                            </div>
                            <div class="right">
                                <div class="before">
                                    <img src="../../images/frontEnd/home_img/eye.png" alt="">&nbsp;
                                    <span>大家都在买</span>
                                </div>
                                <ul>
                                    <li>
                                        <span>工银理财·鑫添益短债理财产品</span>
                                        <span class="four">贴心短期理财管家</span>
                                        <div>立即抢购</div>
                                    </li>
                                    <li>
                                        <span>工银理财·鑫添益短债理财产品</span>
                                        <span class="four">贴心短期理财管家</span>
                                        <div>立即抢购</div>
                                    </li>
                                    <li>
                                        <span>工银理财·鑫添益短债理财产品</span>
                                        <span class="four">贴心短期理财管家</span>
                                        <div>立即抢购</div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="pic">
                        <img src="../../images/frontEnd/home_img/manage.jpg" alt="">
                    </div>
                </div>
            </section>
        </section>
        <!-- 外汇业务 -->
        <section class="exchange_business">
            <div>
                <div class="head">
                    <div class="box"></div>
                    <span>外汇业务</span>
                </div>
                <div class="line"></div>
                <div class="body">
                    <div class="left">
                        <ul class="first"></ul>
                        <ul class="second"></ul>
                    </div>
                    <div class="right">
                        <img src="../../images/frontEnd/home_img/liberty.jpg" alt="">
                    </div>
                </div>
            </div>
        </section>
        <!-- 便利金融 -->
        <section class="financial">
            <div>
                <div class="head">
                    <div class="box"></div>
                    <span>便利金融</span>
                </div>
                <div class="line"></div>
                <div class="body">
                    <div class="title">
                        <span>金融移动</span>
                        <span>小微融资</span>
                        <span>汇款支付</span>
                        <span>消费旅游</span>
                        <span>留学服务</span>
                        <span>个人贷款</span>
                    </div>
                    <div class="content">
                        <ul></ul>
                    </div>
                </div>
            </div>
        </section>
        <!-- 惠生活 -->
        <section class="livelihood">
            <div class="title">
                <img src="../../images/frontEnd/home_img/livelihood.png" alt="">
            </div>
            <!-- 优惠活动 -->
            <section class="special_offer">
                <div class="head">
                    <div class="box"></div>
                    <span>优惠活动</span>
                </div>
                <div class="line"></div>
                <div class="body">
                    <div class="title">
                        <div class="text">
                            <div class="onee">
                                <div class="point"></div>
                                <div>工银信用卡“爱购全球”年末巨献</div>
                            </div>
                            <div class="onee">
                                <div class="point"></div>
                                <div>宝贝开卡礼 全家享惊喜</div>
                            </div>
                            <div class="onee">
                                <div class="point"></div>
                                <div>福建--2021年贵金属交易有礼系列活动</div>
                            </div>
                        </div>
                        <div class="img">
                            <div>
                                <img src="../../images/frontEnd/livelihood/1-1.jpg" alt="" class="pic">
                                <img src="../../images/frontEnd/livelihood/1.png" alt="">
                            </div>
                            <div>
                                <img src="../../images/frontEnd/livelihood/1-2.png" alt="" class="pic">
                                <img src="../../images/frontEnd/livelihood/1.png" alt="">
                            </div>
                            <div>
                                <img src="../../images/frontEnd/livelihood/1-3.png" alt="" class="pic">
                                <img src="../../images/frontEnd/livelihood/1.png" alt="">
                            </div>
                            <div>
                                <img src="../../images/frontEnd/livelihood/1-4.png" alt="" class="pic">
                                <img src="../../images/frontEnd/livelihood/1.png" alt="">
                            </div>
                        </div>
                    </div>
                    <div class="content">
                        <div class="left">
                            <div>
                                <div>
                                    <ul class="img">
                                        <li>
                                            <img src="../../images/frontEnd/livelihood/b-1.jpg" alt="">
                                        </li>
                                        <li>
                                            <img src="../../images/frontEnd/livelihood/b-2.jpg" alt="">
                                        </li>
                                        <li>
                                            <img src="../../images/frontEnd/livelihood/b-3.jpg" alt="">
                                        </li>
                                    </ul>
                                    <div class="box">
                                        <div class="active"></div>
                                        <div></div>
                                        <div></div>
                                    </div>
                                </div>
                                <p class="myli">
                                    <span>筑梦中华金条</span>
                                    <span>领券购买最高减1200元</span>
                                    <span><img src="../../images/frontEnd/livelihood/2-1.jpg" alt=""><span
                                            class="admin">广告</span></span>
                                </p>
                            </div>
                            <ul>
                                <li class="myli">
                                    <span>筑梦中华金条</span>
                                    <span>领券购买最高减1200元</span>
                                    <span><img src="../../images/frontEnd/livelihood/2-2.jpg" alt=""><span
                                            class="admin">广告</span></span>
                                </li>
                                <li class="myli">
                                    <span>筑梦中华金条</span>
                                    <span>领券购买最高减1200元</span>
                                    <span><img src="../../images/frontEnd/livelihood/2-3.jpg" alt=""><span
                                            class="admin">广告</span></span>
                                </li>
                                <li class="myli">
                                    <span>筑梦中华金条</span>
                                    <span>领券购买最高减1200元</span>
                                    <span><img src="../../images/frontEnd/livelihood/2-4.jpg" alt=""><span
                                            class="admin">广告</span></span>
                                </li>
                            </ul>
                        </div>
                        <div class="right">
                            <img src="../../images/frontEnd/livelihood/big.jpg" alt="">
                        </div>
                    </div>
                </div>
            </section>
        </section>
        <!-- 工行风貌 and 投诉与咨询 -->
        <section class="rump">
            <div>
                <div class="features">
                    <div class="top">
                        <div class="head">
                            <div class="box"></div>
                            <span>工行风貌</span>
                        </div>
                        <div class="more">
                            <span>更多</span>
                            <span><img src="../../images/frontEnd/home_img/more.png" alt=""></span>
                        </div>
                    </div>
                    <div class="line"></div>
                    <div class="body">
                        <div class="box">
                            <div></div>
                            <p>中央第十五巡视组巡视中国工商银行股份有限…</p>
                        </div>
                        <span>根据中央关于巡视工作的统一部署，近日，中央第十五巡视组巡视中国工商银行股份有限公司党委工作动员会召开。会前，中央第…</span>
                        <div class="box">
                            <div></div>
                            <p>中国工商银行启动乡村振兴专项招聘</p>
                        </div>
                    </div>
                    <div class="buttom">
                        <div>
                            <div></div>
                            <span>投资者关系</span>
                        </div>
                        <div>
                            <div></div>
                            <span>人才招聘</span>
                        </div>
                        <div>
                            <div></div>
                            <span>企业文化</span>
                        </div>
                        <div>
                            <div></div>
                            <span>集团品牌</span>
                        </div>
                    </div>
                </div>
                <div class="complait">
                    <div class="top">
                        <div class="head">
                            <div class="box"></div>
                            <span>工行风貌</span>
                        </div>
                        <div class="more">
                            <span>更多</span>
                            <span><img src="../../images/frontEnd/home_img/more.png" alt=""></span>
                        </div>
                    </div>
                    <div class="line"></div>
                    <div class="body">
                        <div>
                            <img src="../../images/frontEnd/home_img/answer.jpg" alt="">
                            <p class="one">热点问答</p>
                        </div>
                        <div>
                            <img src="../../images/frontEnd/home_img/phone.jpg" alt="">
                            <p>手机网站</p>
                        </div>
                        <div>
                            <img src="../../images/frontEnd/home_img/wchat.jpg" alt="">
                            <p>客户服务微信</p>
                        </div>
                    </div>
                    <div class="buttom">
                        <div>
                            <img src="../../images/frontEnd/home_img/house2.png" alt="">
                            <img src="../../images/frontEnd/home_img/house.png" alt="" class="pic">
                            <p>安全专区</p>
                        </div>
                        <div>
                            <img src="../../images/frontEnd/home_img/protect2.png" alt="">
                            <img src="../../images/frontEnd/home_img/protect.png" alt="" class="pic1">
                            <p>消费者权益保护</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- 尾部 -->
        <footer>
            <div class="left">
                <span>网站声明</span>
                <span>|</span>
                <span>网点服务</span>
                <span>|</span>
                <span>分支机构</span>
                <span>|</span>
                <span>联系我行</span>
                <span>|</span>
                <span>服务热线99999</span>
            </div>
            <div class="right">
                <span>中国工商银行版权所有&nbsp;</span>
                <span>&nbsp;京ICP证030247号</span>
                <div>
                    <img src="../../images/frontEnd/home_img/footer.png" alt="">
                </div>
            </div>
        </footer>
    </section>
</body>

</html>